<template>
	<view class="box">
		<view class="swiper">
			 <u-swiper
			             :list="list"
			             indicator
			             indicatorMode="line"
			             circular
						 height="200"
						 radius="0"
			></u-swiper>
		</view>
		<view class="box1" >
			<view class="ai" >
				<!-- <image mode="heightFix" @click="onAi" src="https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/ai%E5%8A%A9%E6%89%8B.png" style="height: 220rpx; margin-top: -30rpx; margin-left: -30rpx;" > -->
			</view>
			
			<view class="service">
				<image src="https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%B9%BF%E5%B7%9E/%E5%8D%97%E6%B2%99/%E5%BA%99%E5%8D%97%E7%B2%89%E8%91%9B.png" mode="aspectFit" class="image" @click="navigateToOtherMiniProgram" ></image>
				<image src="https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%B9%BF%E5%B7%9E/%E5%8D%97%E6%B2%99/%E5%BA%99%E5%8D%97%E7%B2%89%E8%91%9B.png" mode="aspectFit" class="image" @click="Second"></image>
			</view>
			<view class="service" style="margin-top: -200rpx;">
				<image src="https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%B9%BF%E5%B7%9E/%E5%8D%97%E6%B2%99/%E5%BA%99%E5%8D%97%E7%B2%89%E8%91%9B.png" mode="aspectFit" class="image" @click="onSupplyChain"></image>
				<image src="https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%B9%BF%E5%B7%9E/%E5%8D%97%E6%B2%99/%E5%BA%99%E5%8D%97%E7%B2%89%E8%91%9B.png" mode="aspectFit" class="image" @click="Fourth"></image>
			</view>
			<view class="bottom">
				<image src="https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E6%9C%80%E4%B8%8B%E6%96%B9.png"  class="bottom-image" @click="onVideo()"></image>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgUrl:"https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%B9%BF%E5%B7%9E/%E5%8D%97%E6%B2%99/%E5%BA%99%E5%8D%97%E7%B2%89%E8%91%9B.png",
				list:[
					"https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%BD%AE%E6%92%AD1.png",
					"https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E7%BA%A2%E6%97%85.jpg",
					"https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%871.png",
					"https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%BD%AE%E6%92%AD2.png",
					"https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%BD%AE%E6%92%AD3.png"
				]
			}
		},
		onLoad() {
			uni.getSystemInfo({
				success: function (res) {
					console.log(res.windowHeight)
				}
			});

		},
		methods: {
			onVideo(){
				uni.navigateTo({
					url:"/pages/index/3D/3D"
				})
			},
			navigateToOtherMiniProgram(){
							      // 注意：uni.navigateToMiniProgram API 可能只在特定平台（如微信小程序）上可用  
							      // 并且需要目标小程序（wx1bd7449bb29dab25）在你的小程序后台配置跳转白名单 
								  uni.navigateToMiniProgram({  
								          appId: 'wx1bd7449bb29dab25', // 目标小程序的 appId  
								          //path: 'pages/index/index', // 目标小程序的页面路径，如果不填则打开首页  
								          success(res) {  
								            // 打开成功  
								            console.log('成功跳转到其他小程序');  
								          },  
								          fail(err) {  
								            // 打开失败  
								            console.error('打开其他小程序失败', err);  
								          }  
								        });  
			},
			
			onSupplyChain(){
				uni.reLaunch({
					url:"/pages/service/service?id=2"
				})
			},
			Second(){
				uni.reLaunch({
					url:"/pages/service/service?id=1"
				})
			},
			Fourth(){
				uni.navigateTo({
					url:"/pages/index/fourth/fourth"
				})
			},
			handleLogin() {
			            // 直接到登录
			            uni.navigateTo({
			                url: '/pages/login/index/index',
			            });
			        },
			onAi(){
							      // 注意：uni.navigateToMiniProgram API 可能只在特定平台（如微信小程序）上可用  
							      // 并且需要目标小程序（wx1bd7449bb29dab25）在你的小程序后台配置跳转白名单 
								  uni.navigateToMiniProgram({  
								          appId: 'wxce79fc44e1362478', // 目标小程序的 appId  
								          //path: 'pages/index/index', // 目标小程序的页面路径，如果不填则打开首页  
								          success(res) {  
								            // 打开成功  
								            console.log('成功跳转到其他小程序');  
								          },  
								          fail(err) {  
								            // 打开失败  
								            console.error('打开其他小程序失败', err);  
								          }  
								        });  
			}
		}
	}
</script>

<style>
	
	.service{
		padding: 30rpx;
		display: flex;
		justify-content: space-between;
		margin-top: -150rpx;
	}
	.image{
		margin-left: 20rpx;
	}
	.bottom{
		position: sticky;
		bottom: 0rpx;
		
	}
	.bottom-image{
		width: 100%;
		height: 200rpx;
		vertical-align: bottom;
	}
	.ai{
		display: flex;
		height: 150rpx;
		position: sticky;
		top: 200px;
		z-index: 1;
	}
	.box1{
		height: 646px;
		
	}
</style>
